<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="{__STATIC_PATH}layuiadmin/layui/css/layui.css" media="all">
    <script src="{__STATIC_PATH}/layuiadmin/layui/layui.js"></script>
    <script>
        layui.config({
            base: '{__STATIC_PATH}layuiadmin/' //静态资源所在路径
        })
    </script>
</head>
<body>
<div class="layui-form" lay-filter="layuiadmin-app-form-list" id="layuiadmin-app-form-list" style="padding: 20px 30px 0 0;">
    <input type="hidden" name="role_id" value="{$request->param('id')}">
    <div class="layui-form-item">
        <label class="layui-form-label">选择权限</label>
        <div class="layui-input-block">
            <div id="LAY-auth-tree-index"></div>
        </div>
    </div>
    <div class="layui-form-item layui-hide">
        <input type="button" lay-submit lay-filter="admin-edit-submit" id="admin-edit-submit" value="确认修改">
        <input type="button" lay-submit lay-filter="layuiadmin-app-form-edit" id="layuiadmin-app-form-edit" value="确认编辑">
    </div>
</div>
<script>
    layui.extend({
        index: 'lib/index', //主入口模块
    }).use(['index', 'form','layer','authtree'], function(){
        var $ = layui.$,form = layui.form,layer=layui.layer,authtree = layui.authtree;
        var admin = layui.admin;
        $.ajax({
            url: "/admin/rbac/roleAuthTree?role_id={$request->param('id')}",
            dataType: 'json',
            success: function(data){
                var trees = data.data;
                // 如果后台返回的不是树结构，请使用 authtree.listConvert 转换
                authtree.render('#LAY-auth-tree-index', trees, {
                    inputname: 'authids[]',
                    layfilter: 'lay-check-auth',
                    autowidth: true,
                    autochecked:false,
                    openall:true,
                });
            }
        });
        //监听提交
        form.on('submit(admin-edit-submit)', function(data){
            var field = data.field; //获取提交的字段
            var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
            //提交 Ajax 成功后，关闭当前弹层并重载表格
            admin.req({
                url: "/admin/rbac/roleAuthConfig"
                ,type: "POST"
                ,data: field
                ,datatype:'json'
                ,success: function(res) {
                    if (res.code == 0) {
                        layer.msg('修改成功', {time: 500}, function () {
                            parent.layui.table.reload('table-list'); //重载表格
                            parent.layer.close(index); //再执行关闭
                        });
                    } else {
                        layer.msg(res.msg);
                    }
                }
            });
            // $.ajax({
            //     dataType:'json',
            //     type: "POST",
            //     url: "/admin/rbac/roleAuthConfig",
            //     data: field,
            //     success: function (Data) {
            //         if (Data.code == 0) {
            //             layer.msg('修改成功',{time:500},function(){
            //                 parent.layui.table.reload('table-list'); //重载表格
            //                 parent.layer.close(index); //再执行关闭
            //             });
            //         }
            //         else {
            //             layer.msg(Data.msg);
            //         }
            //     },
            //     error: function () {
            //         alert("出现错误");
            //         return false;
            //     }
            // }) //ajax结束
        });
    })
</script>
</body>
</html>